<%@ page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <link rel="stylesheet" type="text/css" href="./css/css.css"/>
    <title>iCart HTML Version</title>
</head>
<body>

<style type="text/css">
    /* content */
    #content .content {
        padding: 10px;
        overflow: auto;
        margin-bottom: 20px;
        width: 350px;
        float: left;
        background-color: #eee;
        border: 1px solid #BBBBBB;
        box-shadow: 1px 1px 1px #FFFFFF inset;
        margin-right: 20px;

    }
</style>

<%@ include file="_common_header_nav.jsp"%>

<div style="width:1000px;margin: 0 auto;margin-top:10px;">
    <div class="linktree">
        <a href="/index">主页</a>
        &raquo; <a href="/account">账户</a>
        &raquo; <a href="/login">登录</a>
    </div>

    <h1 style="margin-top:-10px;">账户登录</h1>

    <br>

    <div id="content">
        <div class="login-content">
            <div class="left">
                <h2>新客户</h2>
                <div class="content">
                    <p><b>注册账户</b></p>
                    <p>通过创建帐户，您可以更快地购物，获得订单状态的最新信息，并跟踪您之前订购的订单。</p>
                    <a href="#" class="button"><span>继续</span></a></div>
            </div>
            <div class="right">
                <h2>我已有账户</h2>
                <form action="/login_in" id="login">
                    <div class="content">
                        <b>用户名:</b><br/>
                        <input type="text" name="name" value=""/>
                        <br/>
                        <br/>
                        <b>密码:</b><br/>
                        <input type="password" name="pass" value=""/>
                        <br/>
                        <a href="../../oc.spthemes.us/index.php@route=account_2Fforgotten">忘记密码</a><br/>
                        <br/>

                        <input class="button" type="submit" name="submit" value="登录"/>

                    </div>
                </form>
            </div>
        </div>
    </div>

</div>


<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="icart-footer">
    <div class="icart-footer-top">
        <div style="width:1000px; margin:0 auto;">
        </div>
    </div>
    <div class="icart-footer-container">
        <div class="column_footer" style="width:350px;">
            <h3>About Us</h3>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante felis, aliquet sagittis lacus.
            Etiam in purus vitae tortor lacinia pretium. Maecenas quam diam, porttitor bibendum lacinia a, feugiat sit
            amet felis. Praesent ut mi justo, a volutpat ligula. Praesent sodales felis sed odio consectetur eget cursus
            metus mollis. Proin sollicitudin accumsan lectus a ornare... .
        </div>

        <div class="column_footer">
            <h3>Customer Service</h3>
            <ul>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Delivery Information</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms &amp; Conditions</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">Returns</a></li>
                <li><a href="#">Site Map</a></li>
            </ul>
        </div>

        <div class="column_footer" style="width:150px;">
            <h3>Extras</h3>
            <ul>
                <li><a href="#">Brands</a></li>
                <li><a href="#">Gift Vouchers</a></li>
                <li><a href="#">Affiliates</a></li>
                <li><a href="#">Specials</a></li>
            </ul>
        </div>
        <div class="column_footer" style="width:150px;">
            <h3>My Account</h3>
            <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Order History</a></li>
                <li><a href="#">Wish List</a></li>
                <li><a href="#">Newsletter</a></li>
            </ul>
        </div>

        <div class="column_footer" style="margin-right:0px;">
            <h3>Social</h3>
            <ul class="social">
                <li class="twitter"><a href="../../twitter.com/twitter">Twitter Username</a></li>
                <li class="facebook"><a href="../../facebook.com/Username/default">Facebook</a></li>
                <li class="rss"><a href="#">RSS Feed</a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="icart-footer-bottom">
        <div style="width:1000px; margin:0 auto;">
            <div class="icart-logo-footer"><a href="index.php"><img src="images/logo-footer.png" alt="Footer Logo"></a>
            </div>
            <ul>
                <li style="float:right;padding-top:10px;list-style:none;">&copy; Copyright &copy; 2013.Company name All
                    rights reserved.<a target="_blank"
                                       href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a> - More
                    Templates </li>
            </ul>
            <div class="clearfix"></div>
        </div>

    </div>
</div>

</body>
</html>